vue学习笔记(4):some方法,findIndex方法,splice,foreach,

您所在的位置:网站首页 a an some怎么用 vue学习笔记(4):some方法,findIndex方法,splice,foreach,

vue学习笔记(4):some方法,findIndex方法,splice,foreach,

2024-07-17 09:55| 来源: 网络整理| 查看: 265

data(){

keywords:"",

}

1.v-text:中直接写插值表达式

2.some方法:如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。

如果没有满足条件的元素,则返回false。

例子:this.list.some(item,i){

if(item.id == id){

retuen true;

}

}

3.findIndex:找索引的方法

例子:var index = this.list.findIndex(item){

if(item.id = id){

return true

}

}

4.splice:删除数组元素

例子:this.list.splice(i,1);

i是索引,1是删几个

5.v-for补充:

v-for后面还可以接方法(表格筛选,渲染页面可以用)

例子:

search(keywords){

var newList = [],

list.forEach(item=>{

if(item.name.indexof(keywords)!=-1){

newList.push(item)

}

})

return newList;

}

6.foreach:循环的结果是数组每一项的值

例子:var arr = [1,2,3,4];

var sum =0;

arr.forEach(function(value,index,array){

array[index] == value; //结果为true

sum+=value;

});

console.log(sum); //结果为 10

7.indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

arr = ['mfg', '2017', '2016'];

 //控制台输出0,查找到下标 

console.log(arr.indexOf('mfg'));

//控制台输出-1,因为此方法不会在每一个元素的基础上再次执行 indexOf 匹配            console.log(arr.indexOf('m'));

//控制台输出1,查找到下标

console.log(arr.indexOf('2017'));

 //控制台输出-1,这里不会做隐式类型转换

console.log(arr.indexOf(2017));



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3